<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta charset="utf-8" />
        <title>后台登录</title>

        <meta name="description" content="User login page" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

        <!-- bootstrap & fontawesome -->
        <link rel="stylesheet" href="__PUBLIC__/admin/assets/css/bootstrap.css" />
        <link rel="stylesheet" href="__PUBLIC__/admin/assets/css/font-awesome.css" />

        <!-- text fonts -->
        <link rel="stylesheet" href="__PUBLIC__/admin/assets/css/ace-fonts.css" />

        <!-- ace styles -->
        <link rel="stylesheet" href="__PUBLIC__/admin/assets/css/ace.css" />

        <!--[if lte IE 9]>
        <link rel="stylesheet" href="__PUBLIC__/admin/assets/css/ace-part2.css" />
        <![endif]-->
        <link rel="stylesheet" href="__PUBLIC__/admin/assets/css/ace-rtl.css" />

        <!--[if lte IE 9]>
        <link rel="stylesheet" href="__PUBLIC__/admin/assets/css/ace-ie.css" />
        <![endif]-->

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

        <!--[if lt IE 9]>
        <script src="__PUBLIC__/admin/assets/js/html5shiv.js"></script>
        <script src="__PUBLIC__/admin/assets/js/respond.js"></script>
        <![endif]-->
    </head>

    <body class="login-layout">
        <div class="main-container">
            <div class="main-content">
                <div class="row">
                    <div class="col-sm-10 col-sm-offset-1 "style="margin-top:7%">
                        <div class="login-container">
                            <div class="center">
                                <h1>
                                    <i class="ace-icon fa fa-leaf green"></i>
                                    <span class="red">{$soft_info.comm_short}</span>
                                    <span class="white" id="id-text2"> 后台管理系统</span>
                                </h1>
                                <!-- <h4 class="blue" id="id-company-text">&copy; Company Name</h4> -->
                            </div>

                            <div class="space-6"></div>

                            <div class="position-relative">
                                <div id="login-box" class="login-box visible widget-box no-border">
                                    <div class="widget-body">
                                        <div class="widget-main">
                                            <h4 class="header blue lighter bigger">
                                                <i class="ace-icon fa fa-coffee green"></i>
                                                <span id="mess_info">输入用户信息<span>
                                            </h4>

                                            <div class="space-6"></div>

                                            <form id ="login_form" action="" method="POST">
                                                <fieldset>
                                                    <label class="block clearfix">
                                                        <span class="block input-icon input-icon-right">
                                                            <input type="text" id="account" name="account" class="form-control" placeholder="用户名" />
                                                            <i class="ace-icon fa fa-user"></i>
                                                        </span>
                                                    </label>

                                                    <label class="block clearfix">
                                                        <span class="block input-icon input-icon-right">
                                                            <input type="password" id="password" name="password" class="form-control" placeholder="密码" />
                                                            <i class="ace-icon fa fa-lock"></i>
                                                        </span>
                                                    </label>

                                                    <div class="space"></div>

                                                    <div class="clearfix">
                                                        <label class="inline">
                                                            <input type="checkbox" class="ace" id="remember" name="remember"/>
                                                            <span class="lbl"> 记住密码</span>
                                                        </label>

                                                        <button type="button" class="width-35 pull-right btn btn-sm btn-primary" id="login_btn">
                                                            <i class="ace-icon fa fa-key"></i>
                                                            <span class="bigger-110">登录</span>
                                                        </button>
                                                    </div>

                                                    <div class="space-4"></div>
                                                </fieldset>
                                            </form>

                                            <div class="social-or-login center">
                                                <span class="bigger-110"> &copy; {$soft_info.current_year} {$soft_info.comm_name} </span>
                                            </div>
                                            <div class="space-6"></div>
                                        </div><!-- /.widget-main -->
                                    </div><!-- /.widget-body -->
                                </div><!-- /.login-box -->
                            </div><!-- /.position-relative -->
                        </div>
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.main-content -->
        </div><!-- /.main-container -->

        <!-- basic scripts -->

        <!--[if !IE]> -->
        <script type="text/javascript">
            window.jQuery || document.write("<script src='__PUBLIC__/admin/assets/js/jquery.js'>"+"<"+"/script>");
        </script>

        <!-- <![endif]-->

        <!--[if IE]>
        <script type="text/javascript">
        window.jQuery || document.write("<script src='__PUBLIC__/admin/assets/js/jquery1x.js'>"+"<"+"/script>");
        </script>
        <![endif]-->
        <script type="text/javascript">
            if('ontouchstart' in document.documentElement) document.write("<script src='__PUBLIC__/admin/assets/js/jquery.mobile.custom.js'>"+"<"+"/script>");
        </script>

        <!-- inline scripts related to this page -->
        <script type="text/javascript">
            jQuery(function($) {

                $('body').attr('class', 'login-layout light-login');
                $('#id-text2').attr('class', 'grey');
                $('#id-company-text').attr('class', 'blue');

                $(document).on('click', '.toolbar a[data-target]', function(e) {
                    e.preventDefault();
                    var target = $(this).data('target');
                    $('.widget-box.visible').removeClass('visible');//hide others
                    $(target).addClass('visible');//show target
                });
            });

            // 记住密码
            $('#remember').click(function() {
                if ($('#remember').is(":checked")) {
                    $('#remember').val(1);
                } else {
                    $('#remember').val(0);
                }
            });

			// 登录校验
            $('#login_btn').click(function() {
                if ($('#account').val() == '') {
                    $('#mess_info').html('用户名不能为空').css({'color':'red'});
                    $('#account').focus();
                    return;
                }
                
                if ($('#password').val() == '') {
                    $('#mess_info').html('密码不能为空').css({'color':'red'});
                    $('#password').focus();
                    return;
                }

                $.ajax({
                    type: "POST",
                    dataType: "json",
                    data: $("#login_form").serialize(),
                    async: true,
                    url: "__URL__/doLogin",
                    success : function(data) {
                        if (data) {
                            if (data.code !== 8) {
                                $('#mess_info').html(data.message).css({'color':'#FF0000'});
                                return;
                            } else {
                                alert('登录成功');
                                window.location.href = '{:U('/Index/index')}';
                            }
                        } else {
                            alert("系统错误");
                        }
                    },
                    error: function(XMLHttpRequest, textStatus, errorThrown) {
                        alert("网络异常")
                    }
                });
            });
        </script>
    </body>
</html>